@import "bootstrap";


#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;
  line-height: 1;
}

#logo:hover {
  color: #fff;
  text-decoration: none;
}

body {
	padding-top: 60px;
	height:100%;
  	background-color:#eee;
}

textarea {
  resize: vertical;
}

.pre-scrollable {
  max-height: 600px;
  overflow-y: scroll;
}
.pre-scrollable-statistics {
  max-height: 300px;
  overflow-y: scroll;
}
.logs-table{
	background-color:#FFF;
	height:100%;
}

.logs-table-row-timestamp{
	width:100px;
}
.logs-table-row-type{
	width:50px;
}
.logs-take-input{
   color:#999;
}
.left_panel{
   width:15%;
padding-right:20px;
padding-bottom:20px;
	float:left;
	position:fixed;
}
.right_panel{
   	width:80%;
	margin-left:10px;
	padding-left:20px;
	padding-bottom:20px;
	left:18%;
	float:left;
	position:relative;
}
.left_panel-interest{
   width:15%;
padding-right:20px;
padding-bottom:20px;
	float:left;
}
.main-right-interset{
	   	width:100%;
		margin-left:10px;
		padding-left:20px;
		padding-bottom:20px;
		float:left;
}
.middle-interest-panel{
   	width:25%;
	float:left;
}
.right-interest-panel{
	
   width:50%;
margin-left:20px;
padding-left:20px;
padding-bottom:20px;
	float:left;
}
.left_panel-user-profile-page{
   width:90%;
  padding-bottom:5px;
  float:left;
  padding-right:0px;

}
.redbadge{
  padding: 1px 4px 2px;
  font-size: 14.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #b94a48;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
 
}

.bluebadge {
  padding: 1px 4px 2px;
  font-size: 14.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:   #3a87ad;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.yellowbadge {
  padding: 1px 4px 2px;
  font-size: 14.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:   #f89406;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.greenbadge {
  padding: 1px 4px 2px;
  font-size: 14.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:   #468847;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.maindiv{
	margin-top:10px;
}

.control-absolute{
	
	position:absolute;
	margin-left:10px;
}
.control-right-float{
	position:absolute;
	float:right;
		align:horizontal;

}
.control-left-float{
	float:left;
		align:horizontal;

}

.errorwell {
  min-height: 20px;
  padding: 19px;
color:rgb(191, 74, 72);
position:absolute;
text-align: center;
  background-color:rgba(255, 0, 0, 0.10);
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-user-component {
  margin-bottom: 10px; 
  border-right:5px solid #DA4E49; 
  background-color: #f8f8f8; 
  padding-bottom:10px; 
  border-bottom:1px solid #DA4E49;
}

.well-user-component-stories-statistics {
  background-color:#e0e0e0;
  margin-bottom:20px;
  width:90%;
  height:80px;
  border:1px solid #b94a48;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}

.thumbnail-user-component {
  display: block;
  margin:2px;
  float:left;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
div.well-user-component:hover {
  border-color: #953b39;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
div.well-user-component-stories-statistics:hover {
  border-color: #953b39;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.user-component-info{
	
}
.user-component-info-stories-statistics{
	float:left;
	width:95%;
	height:80%;

	border-left:3px solid #ddd;
}
.user-component-text{
   color:#999;
}
.user-component-button-absolute{
	      font-weight: normal;
	     text-transform: none;
	    float:right;
	    margin-right:20px;
}


.well-story-component {
  margin-bottom: 10px;
 border-right:5px solid #F89406;
  background-color: #f8f8f8;
   padding-bottom:15px;
    border-bottom:1px solid #F89406;
}
.well-story-component-stories-statistics {
  background-color:#e0e0e0;
  margin-bottom:20px;
  width:90%;
  height:80px;
  border:1px solid #f89406;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}

.thumbnail-story-component {
  display: block;
  margin:2px;
  float:left;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
div.well-story-component:hover {
  border-color: #c67605;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
div.well-story-component-stories-statistics:hover {
  border-color: #c67605;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.story-component-info{
	float:left;
	width:515px;
	height:80px;

	border-left:3px solid #ddd;
}
.story-component-info-stories-statistics{
	float:left;
	width:95%;
	height:90%;

	border-left:3px solid #ddd;
}
.story-component-text{
   color:#999;
}
.story-component-button-absolute{
	      font-weight: normal;
	     text-transform: none;
	    float:right;
	    margin-right:20px;
}

.well-interest-component {
margin-bottom: 10px;
 border-right:5px solid #468847;
  background-color: #f8f8f8;
   padding-bottom:15px;
    border-bottom:1px solid #468847;
}

.thumbnail-interest-component {
  display: block;
  margin:2px;
  float:left;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
div.well-interest-component:hover {
  border-color: #356635;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.interest-component-info{
	float:left;
	width:515px;
	height:80px;

	border-left:3px solid #ddd;
}
.interest-component-text{
   color:#999;
}
.interest-component-button-absolute{
	      font-weight: normal;
	     text-transform: none;
	    float:right;
	    margin-right:20px;
      width:100px;
      font-size: 20px;
}

.thumbnail-interest-page {
  display: block;
  margin:2px;
 width:320px;
 height:320px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
a.thumbnail-interest-page:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.interest-page-text{
   color:#999;
}
.intereset-page-links{
	  font-weight: normal;
	 text-transform: none;

}
.interest-page-description{
	float:left;
	width:320px;

}
.interest-page-well{
	  background-color:#e5e5e5;
	  margin-bottom:20px;
	  padding:19px;
	  min-height:20px;
	  border:1px solid #eeeeee;
	  border:1px solid rgba(0,0,0,0.05);
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	  border-radius:4px;
	  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);

}

.right-story-panel{
  
   width:1000px;
margin-left:20px;
padding-left:20px;
padding-bottom:20px;
  float:left;
}


.interest-control-center{
	margin:10px;
}
.interest-control-absolute {
	position:absolute;
	float:left;
}
.statistics-left-panel{
	width: 40%;
	padding-left:20px;
	float:left;
}
.statistics-page-well
{
	  background-color:#e5e5e5;
	  margin-bottom:20px;
	  padding:19px;
	  min-height:20px;
	  border:1px solid #eeeeee;
	  border:1px solid rgba(0,0,0,0.05);
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	  border-radius:4px;
	  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  }

#error_explanation-new{
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#error_explanation-new h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #f00;
  color: #fff;
}
.statistics-page-well
{
	  background-color:#e5e5e5;
	  margin-bottom:20px;
	  padding:19px;
	  min-height:20px;
	  border:1px solid #eeeeee;
	  border:1px solid rgba(0,0,0,0.05);
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	  border-radius:4px;
	  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  }

#error_explanation-new p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#error_explanation-new ul li {
  font-size: 12px;
  color: #000;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
      -ms-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}
.story-show-page-right-panel{
	 width:1000px;
	margin-left:20px;
	padding-left:20px;
	padding-bottom:20px;
	float:left;
}
.story-image-float{
	float:left;	
}


.thumbnail-story-show-page {
  display: block;
  margin:2px;
 width:600px;
 height:400px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
a.thumbnail-story-show-page:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.story-page-description-part{
	width:320px;
	margin:20px;
}

.story-page-well
{
	  background-color:#e5e5e5;
	  margin-bottom:20px;
	  padding:19px;
	  min-height:20px;
	  border:1px solid #eeeeee;
	  border:1px solid rgba(0,0,0,0.05);
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	  border-radius:4px;
	  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);

}
.story-body-internal{
	width:800px;
		
}
.story-identation{
	clear:both;
}

.story-page-text{
   color:#999;
}

.statistics-right-panel{
	width:650px;
	padding-left:20px;
	padding-bottom:20px;
	float:left;
}
.statistics-left-panel{
	width:600px;
	padding-left:20px;
	float:left;
}
.statistics-page-well
{
	  background-color:#e5e5e5;
	  margin-bottom:20px;
	  padding:19px;
	  min-height:20px;
	  border:1px solid #eeeeee;
	  border:1px solid rgba(0,0,0,0.05);
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	  border-radius:4px;
	  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);

}
.statistics-component-text{
   color:#999;
	text-decoration:none;
}
.statistics-page-well
{
	  background-color:#e5e5e5;
	  margin-bottom:20px;
	  padding:19px;
	  min-height:20px;
	  border:1px solid #eeeeee;
	  border:1px solid rgba(0,0,0,0.05);
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	  border-radius:4px;
	  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);

}
.border-graph {
  display: block;
  border: 2px solid #ddd;
  padding:2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.test{
	float:left;
	clear:both;
	background-color:#000;
}

.story-body{
	float:left;
	clear:both;
	padding:20px;
	margin-top:20px;
}
.story-comments{
	float:left;
	clear:both;
	padding:20px;
	margin-top:10px;
	margin-left:40px;
	margin-right:20px;
	border-left:5px solid #ddd;
}
.story-media{
	float:left;
	margin-bottom:20px;
}
.progresscustom {
  height: 18px;
  margin-bottom: 18px;
  overflow: hidden;
background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progresscustom .barcustom {
  width: 0;
  height: 18px;
  font-size: 12px;
  color: #000;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
      -ms-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}
.well-comment-component {
  background-color:#e0e0e0;
  margin-bottom:20px;
  width:600px;
	float:left;
  border:1px solid #ddd;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}

.thumbnail-comment-component {
  display: block;
  margin:2px;
  float:left;
align:center;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
div.well-comment-component:hover {
  border-color: #999;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.comment-component-info{
	float:left;
	width:515px;
	border-left:3px solid #ddd;
}
.comment-component-text{
   color:#999;
}
.comment-component-button-absolute{
	      font-weight: normal;
	     text-transform: none;
	    float:right;
	    margin-right:20px;
}
.story-rss-media{
	width:500px;
	float:left;
}
.autocomplete-user-component {
  background-color:#e0e0e0;
  margin-bottom:20px;
  border:1px solid #999;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  -webkit-box-shadow:inset 0 4px 4px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 4px 4px rgba(0,0,0,0.1);
  box-shadow:inset 0 4px 4px rgba(0,0,0,0.1);
}
.listitems-autocomplete{
	padding:10px;
}
.listitems-autocomplete:hover{
	background-color:#00eeff;
}
div.auto_complete {
width:600px;
}
div.auto_complete ul {
	background-color:#e5e5e5;
	margin-top:5px;
	  border:1px solid #eeeeee;
	  border:1px solid rgba(0,0,0,0.05);
	  -webkit-border-radius:7px;
	  -moz-border-radius:7px;
	  border-radius:7px;
	  -webkit-box-shadow:inset 0 5px 5px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 5px 5px rgba(0,0,0,0.05);
	  box-shadow:inset 0 5px 5px rgba(0,0,0,0.05);
	list-style-type:none;

}
div.auto_complete ul li {
	margin:0;
	text-align:center;
	color:#000;
	width:100%;
}
div.auto_complete ul li.selected {
	text-align:center;
	color: #fff; 
	 -webkit-border-radius:7px;
	  -moz-border-radius:7px;
	  border-radius:7px;
	  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	list-style-type:none;
	background-color:#0077ff;
}
div.auto_complete ul strong.highlight {
	
	color: #000; 
	margin:0;
	padding:0;
}
.admin_main_left_panel{
   	width:15%;
	padding-right:20px;
	padding-bottom:20px;
	float:left;
	position:fixed;
}
.admin_right_panel{
  width:80%;
	left:18%;
	float:left;
	position:relative;
}

.admin_feed_padding{
	padding:1%;
}
.admin_feeds_container{
	background-color:#fff;
}
.admin_story_feed{
	background-color:#e5e5e5;
	width:95%;
}
.control-panel{
	background-color:#999;
}
.main-user-profile-page{
  background-color:#e5e5e5;
  width:70%;
  margin-left:2%;
  padding-left:0.5%;
  padding-bottom:20px;
  overflow-x: scroll;
  float:left;
  border:1px solid #eeeeee;
  border:1px solid rgba(0,0,0,0.05);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}
.middle-user-profile-page-panel{
   width:95%;
margin-left:10px;
padding-bottom:20px;
}
.right-user-profile-page-panel{
  
   width:200px;
margin-left:20px;
padding-top:250px;
padding-left:20px;
padding-bottom:20px;
  float:left;
}
.user-image {
  padding-bottom:10px;
  width: 80%;
}

.main-settings-page{
  background-color:#e5e5e5;
  margin-left:10px;
  padding-left:20px;
  padding-bottom:20px;
  #padding-top:250px;
  float:left;
  border:1px solid #eeeeee;
  border:1px solid rgba(0,0,0,0.05);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  width:1100px;
}
.middle-settings-panel{
width:1000px;
margin-left:10px;
padding-left:20px;
padding-bottom:20px;
  float:left;
}

.apple_pagination {
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 1em;
  cursor: default; }
  .apple_pagination a, .apple_pagination span {
    padding: 0.2em 0.3em; }
  .apple_pagination .disabled {
    color: #aaaaaa; }
  .apple_pagination .current {
    font-style: normal;
    font-weight: bold;
    background-color: #bebebe;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.5;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; }
  .apple_pagination a {
    text-decoration: none;
    color: black; }
    .apple_pagination a:hover, .apple_pagination a:focus {
      text-decoration: underline; }

  .sidebar-nav-fixed {
    padding-top: 0px;
    left:2%;
    top:60px;
    width:20%;
    position:fixed;
    background-color:#e5e5e5;
    padding-left:10px;
    padding-right:10px;
    float:left;
}
.sidebar-nav-fixed-right {
    padding: 9px 0;
    left:83%;
    width:15%;
    padding-left:3px;
}
.img-user-img {
    width: 80%; 
    align: center;
    margin-left: 8%;
    margin-right: 8%;
    height: width;
}


.story_main_left_panel{
			   	width:15%;
				padding-right:20px;
				padding-bottom:20px;
				float:left;
				position:fixed;
			}
.story_right_panel{
			   	width:80%;
				left:18%;
				float:left;
				position:relative;
			}
.btn-fixed {
  width:40%;
}
.flash-green{
  background-color: #dff0d8;
  margin:3px;
  padding:2px;
  border: 1px solid #d6e9c6;
  color: #468847;
}
.flash-red{
  background-color: #f2dede;
  margin:3px;
  padding:2px;
  border: 1px solid #eed3d7;
  color: #b94a48;
}
.flash-yellow{
  background-color: #FFEB9B;
  margin:3px;
  padding:2px;
  border: 1px solid #F7D85B;
  color: #E56121; 
}
.flash-blue{
  background-color: #d9edf7;
  margin:3px;
  padding:2px;
  border: 1px solid #bce8f1;
  color: #3a87ad;  
}
.btn-fixed-left-side-bar {
  width:70%;
}
.img-user-component {
  width: 100px;
  height: 100px;
}
.img-story-component {
  width: 100px;
  height: 100px;
}
.general-info {
  margin-top:20px;
   border-right:2px solid #0073CC; 
   padding-right:10px; 
   padding-left:10px;
   padding-top:10px;
   padding-bottom:10px;
   border-left:2px solid #0073CC; 
   border-top:1px solid #0073CC; 
   border-bottom:1px solid #0073CC; 
   background-color: #DDD;
}

